import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import LoadJSXSyntax from '@vitejs/plugin-vue-jsx'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    // 非正式的$ref语法糖支持
    vue({
      reactivityTransform: true
    }),
    // 配置支持JSX写法的插件
    LoadJSXSyntax()
  ],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
    extensions: [".js", ".ts", ".tsx", ".jsx", ".vue"],
  },
  css: {
    preprocessorOptions: {
      scss: {
        /**
         * 将scss中定义的变量、样式定义到全局，使用时无需引入即可直接使用
         * 如果引入多个文件，可以使用 ; 拼接
         * '@import "@/assets/scss/globalVariable1.scss";@import"@/assets/scss/globalVariable2.scss";'
         **/
        additionalData: '@import "./globalVar.scss";@import "@/dependent/common.scss";',
      }
    }
  },
})
